#warp{
	background: url(../img/b.jpg) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	position: fixed;
}
#center{	
	position: relative; 
	z-index: 10;
	width: 100%;
	height: 100%;
	-webkit-transform:perspective(100px) rotateX(0deg) rotateY(0deg);
	-webkit-transform-style:preserve-3d;
	transform:perspective(100px) rotateX(0deg) rotateY(0deg);
	transform-style:preserve-3d;
	/*zoom: 1.8;*/
}
#center-point{
	position:absolute; 
	left:50%; top:50%;
	transform:translateY(200px) rotateX(90deg);
	-webkit-transform:translateY(200px) rotateX(90deg);
}
#center div.hid {
	position:absolute;
	width:360px; 
	height:3410px; 
	left:50%; 
	top:50%; 
	margin-left:-180px; 
	margin-top:-1705px; 	
	background-size:100% 100%; 
	opacity: 1;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
#center div.img {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	border: none;
	margin:0; 
	position:absolute;
}
#info {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.8);
}
#info img{
	width: 12rem;
	height: 16rem;
	position: absolute;
	top: 5rem;
	left: 2rem;
	z-index: -10;
	transform:rotateY(0deg) translateZ(200px);
	-webkit-transform:rotateY(0deg) translateZ(200px);
}
.info-close{
	width: 2rem;
	height: 2rem;
	position: absolute;
	top: 21rem;
	left: 7rem;
	z-index: 300;
	background: url(../img/info-close.png) no-repeat;
	background-size: 100%;
}
#menu{
	width: 2rem;
	height: 2rem;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999999;
	background: url(../img/menu-icon.png) no-repeat;
	background-size: 100%;
}
#menu-box{
	width: 16rem;
	height: 100%;
	position: fixed;
	right: -16rem;
	top: 0;
	z-index: 999999;
	background: rgba(0,0,0,.5);
	background-size: 100%;
	transition: right .2s;
	-webkit-transition: right .2s;
}
.menu-close{
	width: 2rem;
	height: 2rem;
	background: url(../img/menu-close.png) no-repeat;
	background-size: 100%;
	float: left;
}
.part1{
	width: 14rem;
	height: 7.7rem;
	float: right;
	background: rgba(42,70,218,1);
}
.part1 .title{
	width: 4rem;
	height: 7rem;
	float: left;
	background: url(../img/menu-title.png) no-repeat center;
}
.part1 .content{
	width: 10rem;
	height: 7rem;
	float: left;
}
.part1 .content img{
	width: 100%;
	height: 1.8rem;
	float: right;
	margin-top: 0.1rem;
	margin-right: 0.1rem;
}
@keyframes sanjiao{
	0%{ transform: scale(1);}
	50%{ transform: scale(1.3);}
	100%{ transform: scale(1);}
}
.shanshuo{
	animation: sanjiao 1s infinite;
	-webkit-animation: sanjiao 1s infinite;
}
#video-bt{
	width: 2rem;
	height: 2rem;
	position: fixed;
	right: 0;
	top: 2.2rem;
	z-index: 999999;
	background: url(../img/video-on.png) no-repeat;
	background-size: 100%;
}
